@media screen and (max-width:400px) {

	.navWrapper {
		height: 60px;
	}

	.insertBox {
		width: 300px;
		height: 400px;
	}

	.introductionInsertBox {
		width: 90%;
		height: 90%;
	}

	div.imgNavWrapper {
		height: 60px;
	}

	.imgNavWrapper ul li {
		width: 50px;
		height: 50px;
		margin-top: 5px;
		margin-left: 1px;
	}

	ul.imgNavUl li p {
		height: 15px;
		line-height: 15px;
		font-size: .6rem;

	}

	ul.imgNavUl li.addLiVisited::after {
		top: 3px;
		right: 3px;
		width: 15px;
		height: 15px;
		line-height: 15px;

	}

	.ctrlWrap {
		width: 60%;
		height: 50px;
		/* background-color: red; */
	}

	.ctrlWrap i {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 1.5rem;
		cursor: pointer;
	}

	.ctrlWrap p {
		height: 20px;
		line-height: 20px;
	}
}
